<template>
  <div>
    <table-loading :loading="tabledata_loading" />
    <q-table
      :data="tabledata"
      :columns="tablecolumns"
      dense
      row-key="name"
      class="bg-panda-base-dark text-panda-text-light panda-table panda-sticky-header-table full-width"
      table-header-class="panda-table"
    >
      <template v-slot:body="props">
        <slot name="body" :props="props"></slot>
      </template>
      <template v-slot:bottom>
        <panda-pagination></panda-pagination>
      </template>
    </q-table>
  </div>
</template>

<script>
import tableLoading from "src/components/table/tableLoading.vue";
import pandaPagination from "src/components/pagination/pagination.vue";

export default {
  components: {
    tableLoading,
    pandaPagination
  },
  props: {
    tabledata_loading: {
      default: false
    },
    tablecolumns: {
      default() {
        return [];
      }
    },
    tabledata: {
      default() {
        return [];
      }
    }
  }
};
</script>